<template>
    <div class="app">
        <app-header></app-header>
        <main>
            <router-view></router-view>
        </main>
        <footer>
            <AppFooter></AppFooter>
        </footer>
    </div>
</template>

<script>

import AppMenu from "@/components/AppMenu";
import Banner from "@/components/Banner";
import AppFooter from "@/components/AppFooter";
import AppHeader from "@/components/AppHeader";

export default {
    name: 'Index',
    data() {
        return {}
    },
    components: {AppHeader, AppFooter, Banner, AppMenu}
}
</script>

<style scoped lang="scss">
    .app {
        overflow: hidden;
    }
</style>
